<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
	    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	    <title>累计积分</title>
	    <script src="js/sjw_pub_750.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/jquery-1.12.0.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	    <link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div class="integral">
			<div class="integral_box">
				<div class="integral_left">
					<p>666</p>
					<span>当前活动</span>
				</div>
				<div class="integral_right">
					<p>8888</p>
					<span>年度积分</span>
				</div>
				<div class="integral_p">年度积分排名: <font>88</font></div>
			</div>
			<div class="integral_boxz">
				<div class="integral_list">
					<div class="integral_nav">
						<span class="active"><font>当前活动明细</font></span>
						<span><font>年度积分明细</font></span>
						<div class="clear"></div>
					</div>
				</div>
				<div class="integral_boxs">
					<div class="integral_boxs_boxs">
						<div class="integral_item">
							<div class="integral_l">
								<p>答题</p>
								<p><span>2020-01-01</span> <span>15:00</span></p>
							</div>
							<div class="integral_r">+100</div>
						</div>
						<div class="integral_item">
							<div class="integral_l">
								<p>答题</p>
								<p><span>2020-01-01</span> <span>15:00</span></p>
							</div>
							<div class="integral_r">+100</div>
						</div>
						<div class="integral_item">
							<div class="integral_l">
								<p>答题</p>
								<p><span>2020-01-01</span> <span>15:00</span></p>
							</div>
							<div class="integral_r">+100</div>
						</div>
						<div class="integral_item">
							<div class="integral_l">
								<p>答题</p>
								<p><span>2020-01-01</span> <span>15:00</span></p>
							</div>
							<div class="integral_r">+100</div>
						</div>
						<div class="integral_item">
							<div class="integral_l">
								<p>答题</p>
								<p><span>2020-01-01</span> <span>15:00</span></p>
							</div>
							<div class="integral_r">+100</div>
						</div>
						<div class="integral_item">
							<div class="integral_l">
								<p>答题</p>
								<p><span>2020-01-01</span> <span>15:00</span></p>
							</div>
							<div class="integral_r">+100</div>
						</div>
						<div class="integral_item">
							<div class="integral_l">
								<p>答题</p>
								<p><span>2020-01-01</span> <span>15:00</span></p>
							</div>
							<div class="integral_r">+100</div>
						</div>
					</div>
				</div>
				<div class="integral_boxs">
					<div class="integral_item">
						<div class="integral_l">
							<p>答题1</p>
							<p><span>2020-01-01</span> <span>15:00</span></p>
						</div>
						<div class="integral_r">+100</div>
					</div>
					<div class="integral_item">
						<div class="integral_l">
							<p>答题</p>
							<p><span>2020-01-01</span> <span>15:00</span></p>
						</div>
						<div class="integral_r">+100</div>
					</div>
					<div class="integral_item">
						<div class="integral_l">
							<p>答题</p>
							<p><span>2020-01-01</span> <span>15:00</span></p>
						</div>
						<div class="integral_r">+100</div>
					</div>
					<div class="integral_item">
						<div class="integral_l">
							<p>答题</p>
							<p><span>2020-01-01</span> <span>15:00</span></p>
						</div>
						<div class="integral_r">+100</div>
					</div>
					<div class="integral_item">
						<div class="integral_l">
							<p>答题</p>
							<p><span>2020-01-01</span> <span>15:00</span></p>
						</div>
						<div class="integral_r">+100</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$(".integral_nav span").click(function(){
			var _index = $(this).index();
			$(".integral_boxs").eq(_index).show().siblings(".integral_boxs").hide();
			$(this).addClass("active").siblings("span").removeClass("active");
		})
		$(".integral_boxs").eq(0).show();
	})
</script>